*{
    margin:0;
    padding:0;
    transition:all ease 2s;
}
body{
    background-image:url("../images/background.png");

    background-size:cover;
}
.whole{
    margin:100px auto;
    width:30%;
    background:rgba(203, 203, 203,0.6);
    min-width:300px;
    padding-bottom:10px;
    border-radius:5px;

}
.whole .head{
    background:linear-gradient(90deg,#EA1589,#80EA15);
    text-align:center;
    color:rgb(255,255,255);
    /*background-image:linear-gradient(120deg, #30cfd0 0%, #ebbba7 50%, #a3bded 80%);*/

    font-weight:600;
    padding:10px 0;
    border-radius:5px 5px 0 0;
}
.whole .main .item{
    display:flex;
    flex-direction:column;
    width:89%;
    margin:15px auto 20px;
}
input:focus{

    border:.1px solid red;
    outline: none;

}
/*邮箱*/
.whole .main .item1{
    display: flex;
   /* flex-direction:column;*/
    width:30%;
    margin:15px 20px 20px;
}
.whole .main .item1 input{
    display: inline-flex;
    padding:8px 4px;
    margin:auto 5px;
    color:rgb(0,0,0);
    border:1px solid red;
    background:none;
    border-radius:5px;


}
.whole .main .item1 #send{
    background:rgba(234,21,137,0.6);
    cursor: pointer;
    color:rgb(255,255,255);
}
.whole .main .item1 span{

    font-size:15px;
    margin-bottom:5px;
    color:rgb(234,21,137);
    font-weight:600;
}


.whole .main .item input{
    padding:8px 4px;
    color:rgb(0,0,0);
    border:1px solid red;
    background:none;
    border-radius:5px;

}
.whole .main .item:last-child input{
    background:rgba(234,21,137,0.6);
    color:#fff;
    margin-top:10px;
    cursor:pointer;
}
.whole .main .item span{
    font-size:15px;
    margin-bottom:5px;
    color:rgb(234,21,137);
    font-weight:600;
}
